@charset "UTF-8";
/********首页响应式布局样式**********/
#barrierfree_container{}
.btn.active, .btn:active{box-shadow:none;}
.btn{ padding:0; line-height:3 !important;}
/* .dropdown-menu>li>a{ padding:13px 48px;}
.dropdown-menu .divider{ height:1px !important; width:93%;} */
.newt{margin:16px 0 10px 0; line-height:40px;}
.newt a,.newt span{display: inline-block;}
.title_a{}
.title_a.curr{color: #003d82}
.title_line{width: 22px;height: 50px;background: url(../images/839.png) 0 0 no-repeat;margin-top: 3px;}
.newt h2{ font-size:26px;font-weight: bold;}
.newt i{    display: block;
    font-size: 12px;
    font-style: italic;
    background: url(../images/194.png) 0 center no-repeat;
    padding-left: 10px;font-family: "宋体"
}
.moreP{position:absolute; top:16px; right:20px;}
.moreP .more{display: block;
    width: 12px;
    height: 12px;
    background: url(../images/20170829icon_all.png) no-repeat -10px -11px;
   
            -webkit-transition: all .7s ease-in-out;
            -o-transition: all .7s ease-in-out;
            transition: all .7s ease-in-out;
  }
.moreP .more:hover{
    background: url(../images/20170829icon_all.png) no-repeat -26px -11px;

    transform:rotate(270deg);
    -ms-transform:rotate(270deg);   /* IE 9 */
    -moz-transform:rotate(270deg);  /* Firefox */
    -webkit-transform:rotate(270deg); /* Safari 和 Chrome */
    -o-transform:rotate(270deg);
}
.mored{position:absolute; top:16px; right:20px;}
.mored .more{ font-size:14px !important; float:right !important; width:auto !important; margin-right:0 !important; color:#333;}
.white{ background:#fff; padding:5px 15px; height:auto; overflow:hidden;}
.whitebg .tabs,.whitebg .swiper-slide{background: #fff;}
.newsBox .whitebg:last-child{padding: 0px;}
.tabs{height:44px; border-bottom:1px solid #ccc;}
.morelist{display: grid;width: 100px;line-height: 30px;text-align: center;background: #2c83f9;color: #fff!important;margin: 10px auto 5px;}
.tabs ul li{float:left;color:#333;text-align:center;line-height:40px;font-size:20px;text-decoration:none; margin-right:10px;display:inline; cursor:pointer;color: #2c83f9}
.tabs ul li.active{border-bottom: 2px solid }
/* 首页轮播 */
#home_slider{height: 680px;overflow: hidden;position: relative;}
#swiper2{height:369px;position: relative;}
#cyqy{height: 433px;}
#cyqy .swiper-slide{
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      position: relative;
      overflow: hidden;
}
.swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-container{width: 100%;height: 100%;}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
  z-index: 1
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiperbox{position: relative;}
.swiperbox .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 5
}
.swiperbox .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 5
}

.swiper-name{position:absolute;top:0%;left: -100%;width: 100%;height: 100%;opacity: 0;
     -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;text-align: center;font-size: 20px;color: #fff;line-height: 22px;
display: flex;
    justify-content: center;
    align-items: flex-end;
}
.swiper-name span{padding: 10px 15px;background: rgba(0,0,0,.6);width: 100%;display: block;}
#cyqy .swiper-slide-active .swiper-name{opacity: 1;left: 0%;}
.content-slide{position: absolute;bottom: 0px;left: 0px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff;background: rgba(0,0,0,.8);line-height: 35px;text-indent: 16px;
 transform: translateX(34px);transition: all .3s; 
}
.swiper-slide-active .content-slide{transform: translateX(0px);}
/*新闻中心*/
.toutiao{border-bottom: 1px solid #dddddd;padding: 35px 10px;margin-bottom: 40px}
.toutiao a{
  display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    background: url(198.png) 0 4px no-repeat;
    min-height: 48px;text-align: center;
}
.toutiao a img{display: inline-block;margin-right: 10px;}
.touDes{
  height: 60px;
    color: #686868;
    overflow: hidden;
    text-indent: 2em;
    font-size: 14px;
    line-height: 30px;text-align: left;
}

#videoPlayer{height: 425px;}
.touMore{color: #003d82;text-align: left;}
.swiper-slide {float: left; width:100%; position:relative;}
.swiper-slide ul{ margin:6px 0;float: left;width: 100%;}
.swiper-slide ul li{float: left;width: 100%;text-align: right;line-height: 35px;border-bottom: 1px dashed #eee;/* background: url(../images/848.png) no-repeat 2px center; */}
.swiper-slide ul li a{font-size:14px; color:#333; width:99%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-align: left; float:left;}
.padr{ padding-right:0;}
.r{ float:right;}
/* 首页产品 */
.IndexGoods{}
.IndexGoods li{width: 33%;float: left;height: 210px;margin-bottom: 5px;position: relative;overflow: hidden;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: cover;}
.IndexGoods li:nth-child(3n+2){margin: 0px 0.45%;}
.IndexGoods li:hover .g_effect{opacity: 1}
.IndexGoods li:hover .g_txt .g_des{height: auto;}
.g_effect{    
  position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    background: rgba(0,0,0,.6);opacity: 0;
  }
.g_txt{
  position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 3;display: table;
}
.g_box{display: table-cell;vertical-align: middle;}
.g_name{font-size: 24px;color: #fff;font-weight: bold;}
.g_line{
  width: 50px;
height: 3px;
margin: 10px auto;
background: #fff;
}
.g_des{font-size: 14px;
    color: #fff;
    line-height: 24px;
    padding: 0 10%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    height: 0px;
    overflow: hidden;
}
.con,.container{width: 94%;margin: 0px auto}
.con.mt50{margin: 50px auto 0px}
.mapimg {
  cursor: pointer;height: 150px;background-size: cover;width: 100%;background-repeat: no-repeat;background-position: center;
}

.gallery-bottom {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.gallery-bottom .swiper-slide{}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.ztCover{height: 314px;  background-size: cover;
  background-position: center;background-repeat: no-repeat;}
.ztCon{max-height: 314px;overflow: hidden;}
.ztCon {}
.ztCon  a{display: block;line-height: 38px;font-size: 16px;}
.ztCon  a div,.ztCon a span{display: inline-block;vertical-align: middle;}
.ztCon  a div{width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ztCon  a span{width: 33%;text-align: right}

.gallery-thumbs {
  height: 173px;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs  .swiper-wrapper{
  height: 153px;
}
.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  position: relative;
}
.down-icon{position: absolute;bottom: -10px;left: 50%;margin-left: -1px;width: 20px;height: 10px;
background: url(../images/zt_bg1.png) no-repeat center;background-size: cover;display: none;
}
.gallery-thumbs .swiper-slide-thumb-active .down-icon{
 display: block;
}

.hide-mobile{display: block;}
.show-mobile{display: none!important;}
   #cyqy .swiper-pagination{display: none;}
   .index-foura{margin-bottom: 5px;height: 80px;width: 49.5%;float: left;display: block;}
   .fourZT .index-foura:nth-child(2n){margin-left: 1%}
@media screen and  (max-width :1200px){
}
@media screen and  (max-width :992px){
  .con,.container{width: 100%}
  .ztCon{padding: 0px;}
}
@media screen and  (max-width :768px){
  .hide-mobile{display: none!important;}
  .show-mobile{display: block!important;}
  .tabs ul li{font-size: 14px;width: 25%;margin-right: 0px;text-align: center;}
  .mobileFour .swiper-slide ul{float: none;}
  .mobileFour .swiper-slide ul li{float: none;text-align: left;}
  .mobileFour .swiper-slide ul li a{float: none;}
  .newt{margin: 10px 0px 0px;line-height: 30px;}
  .mobileFour .swiper-slide{display: none;}
  #cyqy{height: 235px;}
  .swiper-name{font-size: 20px;}
.con,.con.mt50{margin: 0px auto}
  #home_slider{height: 210px;}
  .toutiao{margin-bottom: 0px;padding: 6px 10px;}
  .newsBox .whitebg:last-child{padding: 0px 15px;}
  .IndexGoods li{height: 100px;margin-bottom:  2.5px;width: 32.5%}
  .IndexGoods li:nth-child(2),.IndexGoods li:nth-child(3n+2){margin: 0px 0.85%;}
   #videoPlayer{height: 200px;}
   .g_name{font-size: 16px;}
   .ztCover{height: 110px;display: none;}
   .topFoot{display: none;}
   .toutiao a{font-size: 20px;line-height: 22px;}
   .touDes{margin-top: 5px;}
   .toutiao a img{width: 50px;margin-right: 0px;}
   .gallery-thumbs{height: 165px;}
   .g_line{height: 2px;}
   .newt h2{font-size: 18px;}
   .newt i{font-size: 10px;}
}
@media screen and  (max-width :321px){
   .g_name{font-size: 14px;}
}